<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="icon" href="./img/favicon.ico">
    <link rel="stylesheet" href="./css/login.css">
    <link rel="stylesheet" href="./css/layout.css">
    <script src="./js/jquery-1.12.4.js"></script>
    <script src="./js/public.js"></script>
</head>
<body>
    <form action="">
        <div class="banner">
            <div class="banner-img">
                <img src="./img/1631084561922.jpg" alt="">
            </div>
            <div class="logo">
                <a href="./index.html"><img src="./img/logo-1.png" alt=""></a>
            </div>
            <div class="inner-box">
                <div class="module">短信验证码登录</div>
                <div class="title">账号密码登录</div>
                <div class="input-area">
                    <div class="phone-box">
                        <span>+86</span>
                        <input type="text" placeholder="请输入手机号" class="user">
                    </div>
                    <div class="pwd">
                        <input type="password" placeholder="请输入密码" class="pass">
                        <img src="./img/see.png" alt="">
                    </div>
                    <p class="erro hide">用户名或密码错误</p>
                    <p class="dis hide">请输入正确的手机格式</p>
                </div>
    
                <div class="check clear">
                    <div class="toggle">邮箱/用户名登录</div>
                    <div class="login-auto">
                        <input type="checkbox" class="checkbox">
                        <span>两周内自动登录</span>
                    </div>
    
                </div>
                <div class="login-btn">登录</div>
                <a class="res-btn" href="./register.html">注册vivo账号</a>
                <div class="forget-pwd">忘记密码？</div>
                <div class="other">
                    <div class="o-title">其他方式登录</div>
                    <div class="icon-box">
                        <img src="./img/2.png" alt="">
                        <img src="./img/3.png" alt="">
                        <img src="./img/4.png" alt="">
                    </div>
                </div>
    
            </div>
        </div>
    </form>
    <div class="footer">
        <div class="service">
            <a href="javascript:;" class="service-2">
                <img src="./img/person.png" alt="">
                <span class="people">在线客服</span>
            </a>
            <a href="javascript:;" class="service-3">
                <img src="./img/hot-line.png" alt="">
                <span class="phone">400-678-9688(24小时全国服务热线)</span>
            </a>
        </div>
        <div class="copyright">COPYRIGHT ©2011-2019 广东步步高电子工业有限公司 版权所有 保留一切权利 | 隐私政策 | 法律声明 | 粤B2-20080267 | 粤ICP备05100288号</div>
    </div>
    <script src="./js/login.js"></script>
</body>
</html>